
// 隔离作用域，避免全局变量的污染（PC端）
!(function () {
  function setHtmlFontSize () {
    var whdef = 100 / 1200; // 表示1920的设计图,使用100PX的默认值
    var bodyWidth = document.documentElement.getBoundingClientRect().width; // 当前窗口的宽度
    var rem = bodyWidth * whdef; // 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
    document.getElementsByTagName('html')[0].style.fontSize = rem + 'px'
  }
  setHtmlFontSize();
  window.addEventListener("resize", function () {
    setTimeout(function () {
      setHtmlFontSize();
    }, 100)
  })
})();

// 隔离作用域，避免全局变量的污染（手机端）
// !(function () {
//   function setHtmlFontSize () {
//     var whdef = 100 / 750; // 表示750的设计图,使用100PX的默认值
//     var bodyWidth = document.documentElement.getBoundingClientRect().width; // 当前窗口的宽度
//     console.log(bodyWidth, '屏幕宽度');
//     var rem = bodyWidth * whdef; // 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
//     document.getElementsByTagName('html')[0].style.fontSize = rem + 'px'
//   }
//   setHtmlFontSize();
//   window.addEventListener("resize", function () {
//     // setTimeout 是为了解决在苹果手机上的闪屏情况
//     setTimeout(function () {
//       setHtmlFontSize();
//     }, 100)
//   })
// })();